Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feat] 스크롤 관련 구현 #68

Merged
merged 5 commits into from
Aug 5, 2024
Merged

[feat] 스크롤 관련 구현 #68

merged 5 commits into from
Aug 5, 2024

Conversation

darkdulgi
Copy link
Collaborator

#️⃣ 연관 이슈

📝 작업 내용

  • 원하는 섹션으로 화면을 스크롤 할 수 있는 scrollTo 함수 구현

scrollTo 함수를 구현했습니다. 인자로 0, 1, 2, 3 의 정수를 받으며, 실행시 각각 헤더바의 순서대로 있는 추첨이벤트, 차량상세정보, 기대평, 선착순이벤트 섹션으로 향합니다.

  • useSectionInitialize 훅 구현

scrollTo가 제대로 작동하기 위해선 위에서 말한 0~3의 섹션 컴포넌트에서 DOM을 zustand 상태에 연결하는 초기화 작업을 해야
하는데, 이 초기화 작업을 useSectionInitialize 훅으로 구현했습니다. 위 4개의 컴포넌트에선 이 훅을 반드시 실행시켜줘야 합니다.

  • 현재 스크롤 상태에 따라 헤더바 상태가 변경되는 기능

이 부분은 아직 미구현입니다.

@darkdulgi darkdulgi added the feat 기능 구현 label Aug 5, 2024
Copy link
Collaborator

@lybell-art lybell-art left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다.


function CommentSection() {
const SECTION_IDX = 2;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

0~3까지, 즉 useSectionInitialize가 사용하는 매직넘버를 별도의 상수로 분리해서 관리한다면, 모달 등 다른 페이지에서 명시적으로 쓰기 편할 겁니다.

Comment on lines +3 to +7
export default function scrollTo(scrollIndex) {
const state = useSectionStore.getState();
const sectionDOM = state.sectionList[scrollIndex];
sectionDOM.scrollIntoView({ behavior: "smooth" });
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

좋습니다

@lybell-art lybell-art merged commit 625a855 into dev Aug 5, 2024
1 check passed
@darkdulgi darkdulgi linked an issue Aug 6, 2024 that may be closed by this pull request
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat 기능 구현
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[feat] 스크롤 관련 구현
2 participants